media queries 210716_[15]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_2_helbak_덴마크쇼핑몰_layout 오늘은 반응형 웹사이트 (Responsive Web)인 helbak이라고 하는 여태껏 많이 실습에 간접적으로 참고하였던 덴마크 쇼핑몰 site의 layout을 직접 짜는 실습을 하였다. HTML 작성 style.css (스타일 및 미디어 쿼리) 키즈가오 사이트와 다른점은 animation을 넣는게 아니라 파일자체가 두개밖에 없고 style.css에 미디어쿼리 코드를 같이 썼다는 점이다. HT... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습media querieshtmlCSS 210714_[13]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_1_kidsgao 어제 학습했던 내용에서 추가적으로 학습을 진행하였다. 제작 과정은 동일하게 페이지별로 style.css 학습진행 순서는 어제와 동일하다. 1. HTML 작성 2. style.css (위치& 병합) 3. animation.css (애니메이션) 4. mobile.css (미디어쿼리) 각각 4가지의 process를 5가지의 구간으로 나누어서 진행하였다. (3) forest3 : 오른쪽 새 2마리 ... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습media querieshtmlCSS
210716_[15]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_2_helbak_덴마크쇼핑몰_layout 오늘은 반응형 웹사이트 (Responsive Web)인 helbak이라고 하는 여태껏 많이 실습에 간접적으로 참고하였던 덴마크 쇼핑몰 site의 layout을 직접 짜는 실습을 하였다. HTML 작성 style.css (스타일 및 미디어 쿼리) 키즈가오 사이트와 다른점은 animation을 넣는게 아니라 파일자체가 두개밖에 없고 style.css에 미디어쿼리 코드를 같이 썼다는 점이다. HT... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습media querieshtmlCSS 210714_[13]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_1_kidsgao 어제 학습했던 내용에서 추가적으로 학습을 진행하였다. 제작 과정은 동일하게 페이지별로 style.css 학습진행 순서는 어제와 동일하다. 1. HTML 작성 2. style.css (위치& 병합) 3. animation.css (애니메이션) 4. mobile.css (미디어쿼리) 각각 4가지의 process를 5가지의 구간으로 나누어서 진행하였다. (3) forest3 : 오른쪽 새 2마리 ... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습media querieshtmlCSS